.szzj-sorter {
  display: flex;
  color: #333;
  font-size: 14px;
  cursor: pointer;

  &-icons {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    transform: scale(0.7);

    .anticon {
      color: #c4c6cf;
    }

    .anticon.actived {
      color: #1b88fd;
    }
  }
}

.szzj-sorter.szzj-sorter-disabled {
  .szzj-sorter-content {
    color: #c4c6cf;
  }

  .szzj-sorter-icons {
    .anticon.actived {
      color: #808080;
    }
  }
}
